<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <link rel="stylesheet" href="../css/css_lianxi.css"/>
    <!--引用百度地图API-->
    <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0.2&ak=wGKUG6GQl6tc22mnDvikZ8BvdpIXnqv6"></script>
</head>
<body>
<div class="div1">
    <i>欢迎访问时风集团官网！</i>
    <ul>
        <li><a href="">时风配件交易平台</a></li>
        <li><a href="">时风发动机交易网</a></li>
        <li><a href="">微博</a></li>
        <li class="li3">
            <div class="class7">
                <a href="">采购平台</a>
            </div>
            <div class="class8">
                <ul class="class9">
                    <li><a href="">电信入口</a></li>
                    <li><a href="">网通入口</a></li>
                </ul>
            </div>
        </li>
        <li class="li2">
            <div class="class4">
                <a href="">网上办公</a>
            </div>
            <div class="class5">
                <ul class="class6">
                    <li><a href="">电信入口</a></li>
                    <li><a href="">网通入口</a></li>
                </ul>
            </div>
        </li>
        <li class="li1">
            <div class="class1">
                <a href=""> 子公司</a>
            </div>
            <div class="class2">
                <ul class="class3">
                    <li><a href="">时风电动车</a></li>
                    <li><a href="">时风棉纶工业</a></li>
                    <li><a href="">时风商用车</a></li>
                    <li><a href="">时风配件</a></li>
                </ul>
            </div>
        </li>
    </ul>
</div>
<div class="div2">
    <a href=""><img src="../img/QQ图片20160801175224.png" alt="图片加载失败"/></a>
    <ul>
        <li><a href="html_shouye.html" class="tes">首页</a></li>
        <li class="li4">
            <div class="type1">
                <a href="html_zoujin.html">走进时风</a>
            </div>
            <div class="nav1">
                <div class="ul1">
                    <ul class="ul1_1">
                        <li><a href="">时风简介</a></li>
                        <li><a href="">文化理念</a></li>
                        <li><a href="">研发中心</a></li>
                        <li><a href="">研发中心</a></li>
                        <li><a href="">领导致辞</a></li>
                        <li><a href="">领导关怀</a></li>
                        <li><a href="">企业荣誉</a></li>
                    </ul>
                </div>
                <div class="nav_pic1"><img src="../img/8920fa03cbb94057b2b10fd15d9683c5.jpg" alt=""/></div>
                <div class="nav_text1">时风时风 路路畅通</div>
            </div>
        </li>
        <li class="li5">
            <div class="type2">
                <a href="html_news.html">新闻媒体</a>
            </div>
            <div class="nav2">
                <div class="ul2">
                    <ul class="ul1_2">
                        <li><a href="">公司新闻</a></li>
                        <li><a href="">行业动态</a></li>
                        <li><a href="">专题报道</a></li>
                        <li><a href="">公司图片</a></li>
                        <li><a href="">活动视频</a></li>
                        <li><a href="">时风报</a></li>
                    </ul>
                </div>
                <div class="nav_pic2"><img src="../img/e7b83b92d6a54da4b0792988ad4f7908.jpg" alt=""/></div>
                <div class="nav_text2">时风时风 路路畅通</div>
            </div>
        </li>
        <li class="li6">
            <div class="type3">
                <a href="">时风产品</a>
            </div>
            <div class="nav3">
                <div class="ul3">
                    <ul class="ul1_3">
                        <li><a href="">三轮汽车</a></li>
                        <li><a href="">低速载货汽车</a></li>
                        <li><a href="">发动机</a></li>
                        <li><a href="">商用汽车</a></li>
                        <li><a href="">轮胎</a></li>
                        <li><a href="">收割机</a></li>
                        <li><a href="">拖拉机</a></li>
                        <li><a href="">电动车</a></li>
                        <li><a href="">棉纶工业</a></li>
                    </ul>
                </div>
                <div class="nav_pic3"><img src="../img/3b88cbdb0d5d4235aacee00f30e3b321.jpg" alt=""/></div>
                <div class="nav_text3">时风时风 路路畅通</div>
            </div>
        </li>
        <li class="li7">
            <div>
                <a href="html_xiaoshou.html">销售服务</a>
            </div>
            <div class="nav4">
                <div class="ul4">
                    <ul class="ul1_4">
                        <li><a href="">服务优势</a></li>
                        <li><a href="">服务承诺</a></li>
                        <li><a href="">销售网络</a></li>
                        <li><a href="">常见问题</a></li>
                        <li><a href="">资料下载</a></li>
                    </ul>
                </div>
                <div class="nav_pic4"><img src="../img/acb67db4c09849479272119a29c0fae8.jpg" alt=""/></div>
                <div class="nav_text4">时风时风 路路畅通</div>
            </div>
        </li>
        <li class="li8">
            <div class="type5">
                <a href="html_zhaopin.html">人才招聘</a>
            </div>
            <div class="nav5">
                <div class="ul5">
                    <ul class="ul1_5">
                        <li><a href="">人力政策</a></li>
                        <li><a href="">职位招聘</a></li>
                        <li><a href="">简历投递</a></li>
                    </ul>
                </div>
                <div class="nav_pic5"><img src="../img/97abcd6e6b754dd8b71f354d9fe4797e.jpg" alt=""/></div>
                <div class="nav_text5">时风时风 路路畅通</div>
            </div>
        </li>
        <li class="li9">
            <div class="type6">
                <a href="">联系时风</a>
            </div>
            <div class="nav6">
                <div class="ul6">
                    <ul class="ul1_6">
                        <li><a href="">人力政策</a></li>
                        <li><a href="">职位招聘</a></li>
                        <li><a href="">简历投递</a></li>
                    </ul>
                </div>
                <div class="nav_pic6"><img src="../img/991127f4a2ae4c649c9cf696a90e4bc3.jpg" alt=""/></div>
                <div class="nav_text6">时风时风 路路畅通</div>
            </div>
        </li>
    </ul>
    <div class="fang">
        <div class="fang1">
            <a href=""></a>
            <div class="sou">
                <input type="text" placeholder="请输入关键词"/>
            </div>
        </div>
    </div>
    <div class="lau">
        <a href="">中/EN</a>
        <div class="lau1">
            <a href="">中文简体</a>
            <a href="">EN</a>
        </div>
    </div>
</div>
<div class="div3">
    <h1>人才招聘</h1>
    <ul>
        <li><a href="" class="ba">人力政策</a></li>
        <li><a href="">职位招聘</a></li>
        <li><a href="">简历投递</a></li>
    </ul>
</div>
<div class="map">
    <!--<body>-->
    <!--百度地图容器-->
    <div style="width:700px;height:350px;border:#ccc solid 1px;font-size:12px" id="map"></div>
    <!--<p style="color:red;font-weight:600">地图生成工具基于百度地图JS api v2.0版本开发，使用请申请密匙。
        <a href="http://developer.baidu.com/map/index.php?title=jspopular/guide/introduction" style="color:#2f83c7" target="_blank">了解如何申请密匙</a>
        <a href="http://lbsyun.baidu.com/apiconsole/key?application=key" style="color:#2f83c7" target="_blank">申请密匙</a>
    </p>-->
    <!--</body>-->
    <script type="text/javascript">
        //创建和初始化地图函数：
        function initMap(){
            createMap();//创建地图
            setMapEvent();//设置地图事件
            addMapControl();//向地图添加控件
            addMapOverlay();//向地图添加覆盖物
        }
        function createMap(){
            map = new BMap.Map("map");
            map.centerAndZoom(new BMap.Point(121.464638,37.479661),15);
        }
        function setMapEvent(){
            map.enableScrollWheelZoom();
            map.enableKeyboard();
            map.enableDragging();
            map.enableDoubleClickZoom()
        }
        function addClickHandler(target,window){
            target.addEventListener("click",function(){
                target.openInfoWindow(window);
            });
        }
        function addMapOverlay(){
            var markers = [
                {content:"第一次用API",title:"烟大",imageOffset: {width:0,height:3},position:{lat:37.48304,lng:121.464638}}
            ];
            for(var index = 0; index < markers.length; index++ ){
                var point = new BMap.Point(markers[index].position.lng,markers[index].position.lat);
                var marker = new BMap.Marker(point,{icon:new BMap.Icon("http://api.map.baidu.com/lbsapi/createmap/images/icon.png",new BMap.Size(20,25),{
                    imageOffset: new BMap.Size(markers[index].imageOffset.width,markers[index].imageOffset.height)
                })});
                var label = new BMap.Label(markers[index].title,{offset: new BMap.Size(25,5)});
                var opts = {
                    width: 200,
                    title: markers[index].title,
                    enableMessage: false
                };
                var infoWindow = new BMap.InfoWindow(markers[index].content,opts);
                marker.setLabel(label);
                addClickHandler(marker,infoWindow);
                map.addOverlay(marker);
            };
        }
        //向地图添加控件
        function addMapControl(){
            var scaleControl = new BMap.ScaleControl({anchor:BMAP_ANCHOR_BOTTOM_LEFT});
            scaleControl.setUnit(BMAP_UNIT_IMPERIAL);
            map.addControl(scaleControl);
            var navControl = new BMap.NavigationControl({anchor:BMAP_ANCHOR_TOP_LEFT,type:BMAP_NAVIGATION_CONTROL_LARGE});
            map.addControl(navControl);
            var overviewControl = new BMap.OverviewMapControl({anchor:BMAP_ANCHOR_BOTTOM_RIGHT,isOpen:true});
            map.addControl(overviewControl);
        }
        var map;
        initMap();
    </script>
</html>
</div>
</body>
</html>